﻿
/*--header--*/
.nn-header{
    position:relative;
    height:150px;
}
.nn-company{
    font-family:Impact;
    font-size:35px;
    text-shadow:0 0 2px black;
    position:absolute;
    top:45px;
    padding-bottom:2px;
    border-bottom:1px dotted gray;
}
.nn-slogan{.footer_one_firt h4
    position:absolute;
    top:100px;
}
.nn-logo{
    position:absolute;
    right:0px;
    width:400px;
}
.admin-fk{
    box-shadow:0 0 5px lightgray;
    border-radius:10px;
    padding:5px;
    position:relative;
    top:-10px;
}
/*--sheet--*/
.nn-sheet{
    box-shadow:0 0 5px lightgray;
    border-radius:10px;
    padding:5px;
    position:relative;
    top:10px;
}

.nn-body{
    padding:5px;
}

.nn-cart ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    font-size:smaller;
}
/* san pham*/

.product {
  margin-top: 10px;
  margin-bottom: 10px; }
.product .pro {
    padding: 0 5px 10px 23px;
    min-height: 375px;
    float: left;
    width: 25%;

}
.product .pro .pro-pro
 {
     border: 1px solid #045211;
  position: relative;
  border-radius: 0px 0px 7px 7px;

 }
.product .pro .pro-pro .pro-img 
{
    display: block;
    height: 269px;
}
.product .pro .pro-pro .pro-img img 
{
    max-width: 100%;
    max-height: 268px;

}
.product .pro .pro-pro .pro-name 
{
    font-size: 15px;
    height: 52px;
    text-align: center;
    color: #045010;
    display: block;
    padding: 5px 0; 

}
.product .pro .pro-pro .pro-price
 {
    font-weight: bold;    
    color: red;
    font-size: 16px;
    margin-left:10px;

}
.product .pro .pro-pro .add-to-cart
 {
     float:right;
     margin-top: -40px;
     margin-right: 20px;
}
.product .pro .pro-pro .icon
 {
         position:absolute;
    top:0px;
    right:0px;

}
.product .pro .pro-pro .pro-price span
 {
    font-size: 13px;
    color: #333;
    text-decoration: line-through;
    

}
.product .pro .pro-pro:hover
 {
border: 1px solid #F53601;

}

@media (max-width: 767px) 
{
  .pro 
  {
    width: 50% !important; 

  } 

}

.header-block {
    
      text-shadow: 0 -1px 0 rgba(0,0,0,.25) !important;
  text-transform: uppercase;
  border-bottom: 5px solid #F52F04;
  font-weight: bold;
  background-color: #f2e5c2;
 
    margin-left: -5px;
}
.header-block p {
      color: #155601;
  font-weight: bold;
  font-size: 15px;  
    
}
.header-blocklh{
    text-shadow: 0 -1px 0 rgba(0,0,0,.25) !important;
  text-transform: uppercase;
  border-bottom: 5px solid #F52F04;
  border-radius:0px 5px 0px 0px;
  font-weight: bold;
  background-color: #f2e5c2;
  margin-left: -5px;
  width: 888px;
}
.header-blocklh p {
      color: #155601;
  font-weight: bold;
  font-size: 15px;  
    
}
 #backtop {
display: none;
cursor: pointer;
background: url(../images/backtop.png) no-repeat;
width: 52px;
height: 52px;
position: fixed;
bottom: 15px;
right: 10px;

}
 /* sản phẩm xem nhiêu*/
   /*san pham ban chay*/
 .slider_giamgia {
    width: 880px;
    height: 270px;
    position: relative;
    float: left;
    padding: 10px 20px;
    }
.slider_giamgia ul {
    padding: 0;
    margin: 0;
    }

.slider_giamgia ul li {
    list-style: none;
    float: left;
    width: 180px;
    margin: 5px;
    height: 250px;
    padding: 0px 10px;
    border: 1px solid #707070;
    }
.slider_giamgia ul li img {
    padding: 0px;
    }

.slider_giamgia ul li a {
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    margin-left: 10px;
    }
.slider_giamgia .slides-next {
     position: absolute;
  top: 125px;
  right: 15px;
    }

.slider_giamgia .slides-prev {
    position: absolute;
    top: 125px;
    left: 5px;
    }

.home_hot_mua 
    {
    float: right;
    margin-right: 10px;
    }
 .title {
    margin-bottom: 10px;
    line-height: 50px;
    padding: 0px !important;
    height: 50px;
    border: 1px solid #ccc;
    background-color:rgb(245, 228, 185);
 }
.title h4 {
    line-height: 50px;
    margin: 0px !important;
    height: 48px;
    padding: 0 40px 0 15px;
    color: #fff;
    width:200px;
    font-weight: bold;
    font-size: 14px;
    background:rgb(229, 50, 44) url(../images/title.png) 160px no-repeat; 

}
.pull-left h4{
    width:210px;
}
.title .pull-right {
    padding: 0 10px; }
.title .pull-right a {
    color: #000;
    padding: 0 10px; }
.title .pull-right .btn {
    border: none; }

/* san pham trang chu*/
.product .pro_home {
    padding: 0 10px 10px 10px;
    min-height: 375px;
    float: left;
    width: 20%;

}
.product .pro_home .pro-pro
 {
   border: 1px solid #045211; 
    position:relative;
    border-radius:0px 0px 7px 7px;

 }
.product .pro_home .pro-pro .pro-img 
{
    display: block;
    height: 269px;
}
.product .pro_home .pro-pro .pro-img img 
{
    max-width: 100%;
    max-height: 268px;

}
.product .pro_home .pro-pro .pro-name 
{
    font-size: 15px;
    height: 52px;
    text-align: center;
    color: #045010;
    display: block;
    padding: 5px 0; 

}
.product .pro_home .pro-pro .pro-price
 {
    font-weight: bold;    
    color: red;
    font-size: 16px;
    margin-left:10px;

}
.product .pro_home .pro-pro .pro-name a:hover
{
    color: red;
    text-decoration:underline;
}
.product .pro_home .pro-pro .add-to-cart
 {
     float:right;
     margin-top: -40px;
     margin-right: 20px;
}
.product .pro_home .pro-pro .icon
 {
         position:absolute;
    top:0px;
    right:0px;

}
.product .pro_home .pro-pro .pro-price span
 {
    font-size: 13px;
    color: #333;
    text-decoration: line-through;
    

}
.product .pro_home .pro-pro:hover
 {
border: 1px solid rgb(246, 56, 0);

}

@media (max-width: 767px) 
{
  .pro_home 
  {
    width: 50% !important; 

  } 

}
.footer_tow_firt h4
{
    margin-left:20px;
    
}
.footer_tow_firt a
{
    margin-left:20px;
  
}
.footer_one_firt h4
{
    margin-left:20px;
      color: #045211;
    
}
.footer_one_tow h4
{
    margin-left:20px;
     color: #045211;
}
#gioithieu span{
    margin-left:20px;
   
}
#gioithieu{
     background-color:rgba(240, 236, 216, 1);
     margin-left:10px;
}







ul.menudoc li {
	background: #ffffff;
	width: 267.5px;
	height: 40px;

	padding: 10px 20px;
     margin-left: -40px;
	list-style: none;
	border: 1px solid #dddddd;
	border-collapse: collapse;
}
ul.menudoc li a {
    color:#030;
}
.menudoc li:nth-child(odd) {
	background-color: rgba(255,255,230,1);
}
.menudoc {
	font-size: 14px;
	border-collapse: collapse;
    margin-top:-10px;
      position: relative;
}



ul.menudoc li li {
	display: block;
	background: #ffffff;
	border-collapse: collapse;

}

ul.menudoc li ul {
	display: none;
	padding: 0;
	margin-left: 287px;
     position: absolute;
     z-index: 10;
	margin-top: -30px;
	border-collapse: collapse;
}
ul.menudoc li:hover ul {
   display:block;
}
ul.menudoc li:hover{
	background-color:#f5f5f5;
	}
ul.menudoc li a:hover {
    color:#F53D00;
    text-decoration:none;

}

ul.menudoc li ul a {
color:#030;
}
table td
{
	border: 1px solid #F0F1EE;
	padding: 2px;
}
table thead tr th
{
	border-bottom: 3px solid #e3e3e3;
}
table a
{
	color: rgb(10, 48, 2);
}
table a:hover{
    text-decoration:none;
    color:rgb(245, 56, 1);
}
th {
  background: #337ab7;
  color: white;
}
.viewtable{
    background-color:#0af2dd;
}
/*tin tuc*/
#tintuc{
    border-bottom:solid 1px #BEE5BB;
    width:98%;
    padding:0px;
    margin-left:auto;
    margin-right:auto;
}
#cttintuc{
    width:95%;
    padding:0px;
    margin-left:auto;
    margin-right:auto;
}